



<!-- Main -->
<div class="main" role="main">

    <!-- Page Heading -->
    <section class="page-heading">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h1>Contattaci</h1>
                </div>
                <div class="col-md-6">
                    <ul class="breadcrumb">
    <li><a href="<?= base_url() ?>">Home</a></li>
    <li class="active"><strong>Contattaci</strong></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- Page Heading / End -->

    <!-- Page Content -->
    <section class="page-content">

        <div class="container">

            <!-- Google Map -->
            <div class="googlemap-wrapper">
                <div id="map_canvas" class="map-canvas"></div>
            </div>
            <!-- Google Map / End -->


            <div class="row">
                <div class="col-md-9">
                    <h2>Scrivici Un Messaggio</h2>
                    <form action="" id="contact-form">

                        <div class="alert alert-success hidden" id="contact-alert-success">
                            <strong>Complimenti</strong> Thank you for your message. Reply will be in a while!
                        </div>
                        <div class="alert alert-danger hidden" id="contact-alert-error">
                            <strong>Error!</strong> Something went wrong sending your message.
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Nome <span class="required">*</span></label>
                                    <input type="text"
                                           value=""
                                           data-msg-required="Please enter your name."
                                           class="form-control"
                                           name="name" id="name">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Email <span class="required">*</span></label>
                                    <input type="email" 
                                           value=""
                                           data-msg-required="Please enter your email address."
                                           data-msg-email="Please enter a valid email address."
                                           class="form-control"
                                           name="email"
                                           id="email">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Oggetto</label>
                                    <input type="text" 
                                           value=""
                                           data-msg-required="Please enter the subject."
                                           class="form-control"
                                           name="subject"
                                           id="subject">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Messaggio <span class="required">*</span></label>
                                    <textarea
                                        data-msg-required="Please enter your message."
                                        rows="10"
                                        class="form-control"
                                        name="message"
                                        id="message"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <input type="submit" value="Invia Messaggio" class="btn btn-primary" data-loading-text="Attendere...">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="col-md-3">
                    <hr class="visible-sm visible-xs lg">
                    <!-- Widget :: Contacts Info -->
                    <div class="contacts-widget widget widget__sidebar">
                        <h3 class="widget-title">Contattaci</h3>
                        <div class="widget-content">
                            <ul class="contacts-info-list">
                                <li>
                                    <i class="fa fa-map-marker"></i>
                                    <div class="info-item">
                                        Via Vetoio 1, L'Aquila, AQ, Italy
                                    </div>
                                </li>
                                <li>
                                    <i class="fa fa-phone"></i>
                                    <div class="info-item">
                                        +39 &#51;&#57;&#51;&#49;&#56;&#53;&#57;&#51;&#50;&#49;<br>

                                    </div>
                                </li>
                                <li>
                                    <i class="fa fa-envelope"></i>
                                    <span class="info-item">
                                        <a href="mailto:info@holidaydog.it">info@holidaydog.it</a>
                                    </span>
                                </li>
                                <li>
                                    <i class="fa fa-skype"></i>
                                    <div class="info-item">
                                        <a href="#">il_terrone</a><br>
                                        <a href="#"></a>
                                    </div>
                                </li>
                                <li>
                                    <i class="fa fa-clock-o"></i>
                                    <div class="info-item">
                                        Lunedì - Venerdì 10:00 - 18:00
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- /Widget :: Contacts Info -->
                </div>
            </div>

        </div>

    </section>
    <!-- Page Content / End -->
    <script>
        var map;
        $().ready(function() {
            map = new GMaps({
                div: '#map_canvas',
                lat: '42.3676443',
                lng: '13.3496695',
                zoom: 15
            });
            map.addMarker({
                lat: '42.3676443',
                lng: '13.3496695',
                title: 'HolidayDog',
                infoWindow: {
                    content: 'HolidayDog'
                }
            });
        });
    </script>


</div>
<!-- Main / End -->
</div>